{include file=$header_start}
{strip}
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/dashboard.css">
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/register.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="{$siteroot}/includes/js/admin/ajax.js" type="text/javascript" ></script>

{/strip}
{literal}
<script>
	jQuery(document).ready(function(){
		$( "#accordion" ).accordion({
			heightStyle: "content"
		});	
		$( "#btn_back" ).click(function(){
			window.location.href=SITEROOT + '/myaccount/myservicelocation/';
		});	
		
		$("#btn_next").click(function(){
			var flag = false;
			$(".listservices").each(function(ind,el){
				if($(el).is(':checked'))
					flag = true;
			});	
			if(flag)
				return true;
			else
			{
				alert("Please select at least of one trade category");
				return false;	
			}
			
		});		
			
			
			
	});
	
	
</script>

{/literal}

{include file=$header_end}

<body></body>
   <!-- MIDDLE CONTAIN GOES HERE -->
<section class="middle_portion">
	<section class="inner_head">Dashboard</section>
    <section class="inner_containstart">
    	<!-- dashboard Left Content Start -->
        	{include file=$cms_left_content}
        <!-- dashboard Left Content End -->
        <!-- dashboard Right Content Start -->
        	<section class="dash_right">            	                
            {if $msg}<span style="padding:10px">{$msg}</span>{/if}
            	<section class="title_box">
                   <span class="lF"> <h4>My Service & location</h4></span> <!--<span class="rF" style="padding-top:10px;" >"Want to add more Trade Category? Update your Trade Category and Job Type – <a href="{$siteroot}/myaccount/mytradecategory/">click here</a>" </span>-->
         
                    <section class="clear"></section>
                </section>
                
                <form method="post" action="{$siteroot}/myaccount/servicesconfirm/" name="ServicesList" id="ServicesList"  class="regist_form">
                	<h3 style="font-size:16px;">Select your trades </h3>               
                  	<div class="usercats" style="margin:20px 0 50px;">
                    	<div id="accordion">
                        {section name=i loop=$subcats}
                            <h3>{$subcats[i].trade_category} ({$subcats[i].total})</h3>            
                            <div>
                            <table cellpadding="0" cellspacing="0" width="100%" class="table_viewbox">
                                <thead>
                                    <tr>
                                        <th width="10">#</th>
                                        <th>Category Name</th>
                                        <th width="100" style="text-align:center;">Expiry time</th>
                                        <th width="50" style="text-align:right;">Price</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    {section name=j loop=$subcats[i].data}
                                    <tr>
                                        <td><input class="listservices" type="checkbox" value="{$subcats[i].data[j].id}"  name="subcat[]" {if $subcats[i].data[j].selected eq 1}checked="checked"{/if}/></td>
                                        <td>{$subcats[i].data[j].trade_category}</td>
                                        <td style="text-align:center;">{$subcats[i].data[j].expired_time} months</td>
                                        <td style="text-align:right;">${$subcats[i].data[j].price}</td>
                                     </tr>
                                    {/section}
                                   
                                </tbody>
                            </table>        	
                            </div>
                            {/section}
                            
                        </div>
                        
                        <table cellpadding="0" cellspacing="0" width="100%" border="0">
                            <tr>
                                <td align="left" width="50%"></td>
                                <td align="right"><input type="button" class="blue_btn rF" value="Back"  name="back" id="btn_back" /></td>
                                <td align="right" width="70"><input type="submit" class="blue_btn rF" value="Next"  name="btnstep3" id="btn_next" /></td>
                            </tr>
                      </table>
                    </div>
                  
                </section>                
                </form> 
            </section>
        <!-- dashboard Right Content End -->
        	<section class="clear"></section>
    </section>
</section>
{include file=$footer}
